<script lang="ts" setup>

defineProps({
  size: {
    type: String,
    required: false,
    default: () => '16'
  },
  color: {
    type: String,
    required: false,
    default: () => 'currentColor'
  }
})

</script>

<template>
  <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" viewBox="0 0 24 24">
    <!-- Icon from Material Design Light by Pictogrammers - https://github.com/Templarian/MaterialDesignLight/blob/master/LICENSE.md -->
    <path :fill="color"
          d="m.79 2.46l.71-.71L22.25 22.5l-.71.71l-1.78-1.78c-.49.36-1.1.57-1.76.57H5a3 3 0 0 1-3-3V6c0-.66.21-1.27.57-1.76zM5 3h13a3 3 0 0 1 3 3v13l-.09.74l-.91-.9V16h-2.84l-1-1H20v-5h-5v3.84l-1-1V10h-2.84l-1-1H14V4H9v3.84l-1-1V4H5.16l-.9-.91zM3 6v3h4.34L3.29 4.96C3.11 5.26 3 5.62 3 6m6 9h4.34L9 10.66zm6 6h3c.38 0 .74-.11 1.04-.29L15 16.66zM3 19a2 2 0 0 0 2 2h3v-5H3zm5-9H3v5h5zm12-4a2 2 0 0 0-2-2h-3v5h5zM9 21h5v-5H9z"/>
  </svg>
</template>

<style lang="scss" scoped>

</style>
